a{
	text-decoration: none;
}
.location{
	margin-top: 30px;
	overflow: hidden;
}
.location img{
	float: left;
	display: block;
}
.location ul li{
	float: left;
}
.location ul li span{
	margin: 0 6px;
	font-size: 14px;
	color: #666666;
}
.location ul li a{
	font-size: 14px;
	color: #666666;
}
.main{
	overflow: hidden;
}
.main-top{
	overflow: hidden;
}
.main-top .top-left{
	float: left;
	position: relative;
}
.main-top .top-left .imgs{
	border: 1px solid #777777;
	width: 300px;
	height: 370px;
	margin-top: 20px;
	margin-left: 18px;
	position: relative;
}
.main-top .top-left .shade{
	width: 150px;
	height: 175px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
.main-top .top-left .img{
	position:absolute;
	top: 0%;
	left: 103%;
	width: 300px;
	height: 370px;
	border: 1px solid red;
	display: none;
	overflow: hidden;
	z-index: 1000;
}
.main-top .top-left .imgs img{
	width: 230px;
	height: 260px;
	display: block;
	margin: 54px auto;
}
.main-top .top-left .img img{
	width: 550px;
	height: 660px;
	margin-left:0;
	margin-top: 0;
}
.main-top .top-left .move{
	margin-left: 30px;
	margin-bottom: 44px;
}
.main-top .top-left .imgList{
	overflow: hidden;
}
.main-top .top-left .imgList li{
	float: left;
	border: 1px solid #cacaca;
	width: 60px;
	height: 60px;
	margin-left: 10px;
	margin-top: 30px;
	cursor: pointer;
}
.main-top .top-left .imgList li.active{
	border: 1px solid #cf1056;
}
.main-top .top-left .imgList li img{
	margin: 5px auto;
	width: 50px;
	height: 44px;
	vertical-align:top;
	display:block;
}
.main-top .top-left .prev{
	position: absolute;
	bottom: 66px;
	left: 12px;
	font-size: 18px;
	color: #B7B5B6;
}
.main-top .top-left .next{
	position: absolute;
	bottom: 66px;
	right: -8px;
	font-size: 18px;
	color: #B7B5B6;
}
.main-top .top-center{
	float: left;
	margin-left: 40px;
	margin-top: 15px;
}
.main-top .top-center .title h1{
	font-size: 24px;
	color: #666666;
	font-weight: normal;
}
.main-top .top-center .title span{
	margin-left: 15px;
	margin-right: 54px;
}
.main-top .top-center .title i{
	font-size: 16px;
	color: #cf1056;
	font-style: normal;
	margin-right: 7px;
}
.main-top .top-center .title b{
	font-size: 36px;
	color: #CF1056;
	font-weight: normal;
}
.main-top .top-center .evaluate{
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	width: 500px;
	line-height: 44px;
	margin-top: 10px;
	margin-left: 10px;
}
.main-top .top-center .evaluate span{
	font-size: 16px;
	color: #666666;
	margin-left: 10px;
}
.main-top .top-center .evaluate b{
	font-size: 16px;
	color: #CF1056;
	margin-left: 5px;
	padding-right: 30px;
	border-right: 2px solid #777777;
	margin-right: 28px;
	font-weight: normal;
}
.main-top .top-center .list{
	overflow: hidden;
}
.main-top .top-center .list span{
	font-size: 16px;
	color: #777777;
	float: left;
	margin: 26px 18px 0 10px;
}
.main-top .top-center .list a{
	display: block;
	float: left;
	width: 64px;
	height: 64px;
	border:  1px solid #cacaca;
	margin-top: 18px;
	margin-right: 22px;
}
.main-top .top-center .list a img{
	display: block;
	margin: 5px auto;
	width: 50px;
	height: 55px;
}
.main-top .top-center .list a:hover{
	border: 1px solid #CF1056;
}
.main-top .top-center .number{
	position: relative;
	margin-top: 20px;
}
.main-top .top-center .number span{
	font-size: 16px;
	color: #777777;
	margin-right: 50px;
	margin-left: 10px;
}
.main-top .top-center .number .ge{
	margin-left: 30px;
}
.main-top .top-center .number input{
	width: 52px;
	height: 30px;
	text-align: center;
	outline: none;
	border: 1px solid #cacaca;
	font-size: 20px;
	color: #777777;
	line-height: 30px;
}
.main-top .top-center .number a{
	border: 1px solid #cacaca;
	padding: 0;
	margin: 0;
	font-size: 10px;
	display: block;
	height: 15px;
	width: 15px;
	text-align: center;
	line-height: 15px;
	color: #CACACA;
}
.main-top .top-center .number .top{
	position: absolute;
	left: 25%;
	top: 0;
}
.main-top .top-center .number .bot{
	position: absolute;
	left: 25%;
	top:16px;
}
.main-top .top-center .number span b{
	font-size: 16px;
	color: #CF1056;
	font-weight: normal;
}
.main-top .top-center .buy{
	width: 160px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border: 1px solid #CF1056;
	background-color: #ffccce;
	margin: 26px 25px 0 10px;
	font-size: 24px;
	color: #CF1056;
	cursor: pointer;
	outline: none;
}
.main-top .top-center .shop{
	width: 160px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border: 1px solid #CF1056;
	background-color: #CF1056;
	font-size: 24px;
	color: #fdfdfd;
	cursor: pointer;
	outline: none;
}
.main-top .top-center p{
	width: 500px;
	margin-left: 10px;
	color: #666666;
	font-size: 16px;
	margin-top: 30px;
	line-height: 36px;
}
.main-top .top-right{
	float: right;
	width: 220px;
	margin-top: 65px;
}
.main-top .top-right .title{
	border: 1px solid #cacaca;
	position: relative;
	margin-bottom: 30px;
}
.main-top .top-right .title span{
	position: absolute;
	top:-15px;
	left: 30%;
	background-color: #FFFFFF;
	display: block;
	width: 100px;
	font-size: 20px;
	color: #333333;
	text-align: center;
}
.main-top .top-right .bd ul{
	margin-top: 20px;
	position: relative;
}
.main-top .top-right .bd ul li{
	border: 1px solid #d6d6d6;
	width: 176px;
	height: 198px;
	margin:5px auto ;
}
.main-top .top-right .bd ul li img{
	display: block;
	margin: 5px auto;
	width: 128px;
	height: 128px;
}
.main-top .top-right .bd ul li h5{
	text-align: center;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
}
.main-top .top-right .bd ul li h4{
	text-align: center;
	font-size: 24px;
	color: #cf1056;
	font-weight: normal;
}
.main-top .top-right .hd{
	margin-top: 30px;
}
.main-top .top-right .hd .next{
	margin-left: 78px;
	margin-right: 24px;
}
.main-center .hot{
	float: left;
	border: 1px solid #cacaca;
	padding-bottom: 25px;
}
.main-center .hot .title{
	width: 316px;
	height: 46px;
	background-color: #afaeae;
	line-height: 46px;
}
.main-center .hot .title h3{
	text-align: center;
	font-size: 24px;
	color: #fffefe;
	font-weight: normal;
}
.main-center .hot .list{
	width: 288px;
	height: 410px;
	border: 1px solid #cecece;
	margin: 0 auto;
	margin-top: 25px;
}
.main-center .hot .list img{
	display: block;
	width: 218px;
	height: 248px;
	margin: 20px auto;
}
.main-center .hot .list span{
	font-size: 18px;
	color: #666666;
	display: block;
	float: left;
	margin-top: 10px;
}
.main-center .hot .list span img{
	display: block;
	float: left;
	margin-left: 5px;
	width: 22px;
	height: 22px;
	margin: 0 7px;
}
.main-center .hot .list span b{
	font-size: 18px;
	color: #666666;
	font-weight: normal;
}
.main-center .hot .list h6{
	line-height: 50px;
	border-top: 1px dashed #CECECE;
	font-size: 20px;
	color: #666666;
	font-weight: normal;
	padding-left: 5px;
}
.main-center .hot .list i{
	font-size: 36px;
	color: #cf1056;
	font-style: normal;
	margin-left: 38px;
}
.main-center .appraise{
	float: right;
	width: 840px;
	margin-top: 6px;
}
.main-center .appraise .title span{
	font-size: 24px;
	color: #666666;
	font-weight: normal;
	padding: 5px 30px;
	border: 1px solid #cacaca;
	cursor: pointer;
}
.main-center .appraise .title span.on{
	border: 1px solid #CF1056;
}
.main-center .appraise .title span:hover{
	border: 1px solid #CF1056;
}
.main-center .appraise .title span b{
	font-weight: normal;
	color: #CF1056;
}
.main-center .appraise .parameter{
	width: 818px;
	margin-top: 5px;
	border: 1px solid #CACACA;
	float: left;
	padding: 10px 10px;
	display: none;
}
.main-center .appraise .parameter h4{
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	line-height: 30px;
}
.main-center .appraise .parameter h5{
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	line-height: 30px;
}
.main-center .appraise .parameter ul li{
	float: left;
	width: 272px;
	font-size: 14px;
	color: #666666;
	line-height: 34px;
}
.main-center .appraise .state{
	border: 1px solid #CACACA;
	margin-top: 5px;
	padding: 50px 0px;
	padding-left: 15px;
	width: 822px;
}
.main-center .appraise .state h5,
.main-center .appraise .state h6{
	font-size: 16px;
	color: #cf1056;
}
.main-center .appraise .state p{
	font-size: 12px;
	color: #999999;
	line-height: 26px;
}
.main-center .appraise .degree{
	overflow: hidden;
	border: 1px solid #CACACA;
	padding-bottom: 24px;
	width: 837px;
}
.main-center .appraise .degree .top{
	background-color: #cacaca;
	line-height: 42px;
}
.main-center .appraise .degree .top h4{
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	margin-left: 20px;
}
.main-center .appraise .degree .left{
	float: left;
	width: 160px;
	height: 140px;
	text-align: center;
}
.main-center .appraise .degree .left h1{
	font-size: 48px;
	color: #fc0303;
	margin-top: 38px;
}
.main-center .appraise .degree .left h4{
	font-size: 18px;
	color: #333333;
}
.main-center .appraise .degree .center{
	float: left;
	margin-left: 20px;
	width: 270px;
}
.main-center .appraise .degree .center .left{
	float: left;
	width: 86px;
}
.main-center .appraise .degree .center .left h6{
	font-size: 18px;
	color: #fc0303;
	font-weight: normal;
	margin-top: 18px;
	text-align: left;
}
.main-center .appraise .degree .center .right{
	float: right;
}
.main-center .appraise .degree .center .right p{
	width: 174px;
	height: 16px;
	border: 1px solid #CACACA;
	margin-top: 23px;
}
.main-center .appraise .degree .center .right p span{
	display: block;
	width: 160px;
	height: 16px;
	background-color: #fc0303;
}
.main-center .appraise .degree .center .right p b{
	display: block;
	width: 13px;
	height: 16px;
	background-color: #fc0303;
}
.main-center .appraise .degree .center .right p i{
	display: block;
	width: 7px;
	height: 16px;
	background-color: #fc0303;
}
.main-center .appraise .degree .d-right{
	float: right;
	width: 328px;
}
.main-center .appraise .degree .d-right h3{
	margin-top: 18px;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 20px;
}
.main-center .appraise .degree .d-right span{
	float: left;
	margin-right: 24px;
	font-size: 18px;
	color: #666666;
	margin-bottom: 10px;
}
.main-center .appraise .degree .d-right span b{
	font-weight: normal;
}
.main-center .appraise .comment{
	height: 40px;
	width: 837px;
	background-color: #f0efef;
	line-height: 40px;
	border-left: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
}
.main-center .appraise .comment ul li{
	float: left;
	margin-right: 20px;
	margin-left: 5px;
}
.main-center .appraise .comment ul li a{
	font-size: 18px;
	color: #666666;
}
.main-center .appraise .comment ul li a.on{
	color: #fc0303;
}
.main-center .appraise .bor{
	border: 1px solid #CACACA;
	width: 837px;
}
.main-center .appraise .deta {
	overflow: hidden;
}
.main-center .appraise .deta .deta-left{
	float: left;
	width: 240px;
}
.main-center .appraise .deta .deta-left a{
	display: block;
	float: left;
	border: 1px solid #f2f2f2;
	width: 140px;
	height: 140px;
	margin-top: 30px;
	margin-left: 15px;
}
.main-center .appraise .deta .deta-left a img{
	display: block;
	width: 120px;
	height: 126px;
	margin: 5px auto;
}
.main-center .appraise .deta .deta-center{
	float: left;
	margin-top: 30px;
}
.main-center .appraise .deta .deta-center span{
	background-color: #f2f0f0;
	margin-right: 26px;
}
.main-center .appraise .deta .deta-center span b{
	font-weight: normal;
}
.main-center .appraise .deta .deta-center h5{
	font-size: 14px;
	color: #fc0303;
	margin: 10px 0 10px 5px;
	font-weight: normal;
}
.main-center .appraise .deta .deta-center p{
	font-size: 14px;
	color: #666666;
	line-height: 36px;
	margin-left: 5px;
}
.main-center .appraise .deta .deta-right{
	float: right;
	width: 246px;
	margin-bottom: 32px;
}
.main-center .appraise .deta .deta-right img{
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 10px;
}
.main-center .appraise .deta .deta-right span{
	margin-left: 68px;
}
.main-center .appraise .deta .deta-right b{
	font-weight: normal;
	margin-left: 14px;
}
.main-center .appraise .deta .deta-right ul{
	margin-left: 44px;
}
.main-center .appraise .deta .deta-right ul li{
	float: left;
}
.main-center .appraise .deta .deta-right ul li img{
	margin-top: 5px;
}
.main-center .appraise .deta .deta-bottom{
	float: left;
}
.main-center .appraise .deta .deta-bottom img{
	width: 840px;
	display: block;
	margin: 0 auto;
}
.main-center .appraise .appraise-bottom{
	width: 837px;
	height: 94px;
	border-left: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
}
.describe{
	width: 870px;
	float: right;
}
.describe .title{
	background: url(../img/miaoshu.png) center top no-repeat;
	margin: 46px auto;
	float: right;
	width: 840px;
	text-align: center;
}
.describe .title span{
	font-size: 30px;
	color: #333333;
	display: block;
	margin-top: -20px;
}
.describe .des-mian{
	width: 856px;
	float: right;
}
.describe .des-mian img{
	width: 100%;
	margin-bottom:45px ;
}
.spring{
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	transform: translate(-50%,-50%);
	background-color: #000000;
	width: 980px;
	z-index: 3000;
}
.spring .viewer .viewer-prev{
	display: block;
	width: 100px;
	height: 625px;
	text-align: center;
	line-height: 626px;
	float: left;
	font-size: 50px;
	color: #DDDDDD;
}
.spring .viewer .viewer-next{
	display: block;
	width: 100px;
	height: 626px;
	text-align: center;
	line-height:626px;
	float: left;
	font-size: 50px;
	color: #DDDDDD;
}
.spring .viewer .viewer-conter{
	float: left;
	width: 620px;
}
.spring .viewer .viewer-conter .viewer-conter-paneal-1 img{
	display: inline-block;
	height: 626px;
	width: 620px;
}
.viewer-slide{
	width: 120px;
	float: left;
	background-color: #F6F6F6;
	height: 626px;
	position: relative;
	padding: 0 20px;
}
.viewer-slide h4{
	font-size: 12px;
	color:#6D6C6C;
	height: 50px;
	padding: 5px;
}

.viewer-slide ul li{
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid transparent;
	cursor: pointer;
}
.viewer-slide ul li:hover{
	border: 2px solid orange;
}
.viewer-slide ul li img{
	width: 100%;
	height: 100%;
}
.viewer-slide .viewer-btn{
	display: block;
	height: 30px;
	line-height: 30px;
	background-color: orange;
	margin-top: 15px;
}
.viewer-slide .viewer-btn i{
	display: inline-block;
	width: 20px;
	height: 20px;
}
.viewer-slide .viewer-btn i img{
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.viewer-slide .viewer-link{
	position:absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	background-color: #DDDDDD;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.spring .cha{
	position: absolute;
	top:-10px;
	right: 0;
	color: #000000;
	z-index: 5000;
	font-size: 30px;
	cursor: pointer;
}
